<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="css/travelDatail.css">
    <link rel="stylesheet" href="css/main.css">
    <style>
    </style>
</head>

<body class="mask">
    <!-- 头部 -->
    <header class="travel-d-header ">
        <a href="#" class="travel-d-h-return"></a>
        <div class="trvel-d-h-title">产品详情</div>
        <a href="#" class="seare-bluetooth"></a>
        <a href="#" class="seare-more">···</a>
    </header>
    <section class="trvel-d-section skt-loading">
        <div class="section-img ">
            <img src="images/img/banner-detail0412_01.jpg" alt="" class="skeleton">
            <p>
                <span class="trvel-d-s-address ">北京出发</span>
                <span class="trvel-d-s-type ">i 旅行</span>
                <span class="trvel-d-s-ed ">编号：11037168</span>
            </p>
        </div>
        <!-- 标题价格 -->
        <div class="section-introduction-content skeleton">
            <div class="content-introduction-title skeleton">海南三亚5日4晚半自助游(5钻)【壕减3000】 喜来登品牌海景房</div>
            <div class="content-price skeleton">
                <div class="price skeleton"><span>¥ 2810</span>/人起</div>
                <p class="skeleton">旅游狂欢趴</p>
                <p class="skeleton">三亚湾</p>
                <p class="skeleton">蜈支洲岛</p>
            </div>
        </div>
        <!-- 优惠卷 -->
        <div class="section-special skeleton">
            <div class="special-reduction skeleton">
                <a href="#" class="skeleton">立减</a>
                <ul>
                    <li class="skeleton">多人优惠，2人起立减200元/单</li>
                    <li class="skeleton">【提前5天预定，5成人，优惠300/单】3/01-4/30</li>
                </ul>
            </div>
            <div class="special-cheap skeleton">
                <a href="#" class="skeleton">优惠</a>
                <ul>
                    <li class="skeleton">勾搭去旅游限时优惠券</li>
                    <li class="skeleton">【攻略专享】旅游优惠券</li>
                </ul>
            </div>
        </div>
        <div class="section-comment">
            <div class="comment-t skeleton">
                <div class="comment-scoring skeleton">
                    <p class="scoring skeleton"><span>4.9分</span>点评</p>
                    <p class="travel-numbar skeleton"><span>1126</span>人出游</p>
                </div>
                <ul class="skeleton">
                    <li>导游讲解4.8分</li>
                    <li>领队服务4.7分</li>
                    <li>行程安排4.6分</li>
                    <li>描述相符4.8分</li>
                    <li>好评率98%</li>
                </ul>
            </div>
            <div class="commnet-b skeleton">
                <p class="b-top"><span class="c-b-name">思****209</span><span class="c-b-time">2016-12-01</span></p>
                <p class="b-text">
                    凌晨到达的，住宿很满意，导游十分负责人。这次旅行还是很尽兴的，
                    三亚很美，蜈支洲岛很仙。王导还自掏腰包供应水和吃水果，感谢！
                </p>
                <a href="javascript:void(0)" class="b-btn">查看全部评价</a>
            </div>
        </div>
        <!-- 景区详细介绍 -->
        <div class="trave-section-detailed">
            <div class="detailed-nav">
                <ul>
                    <li class="nav-n on">产品特色</li>
                    <li class="nav-n">行程详情</li>
                    <li class="nav-n">预订须知</li>
                </ul>
                <!-- 产品特色 -->
                <div class="detailed detailed-content-features">
                    <img src="images/img/detail_nav0417_03.jpg" alt="">
                    <img src="images/img/detail_nav0417_04.jpg" alt="">
                    <img src="images/img/detail_nav0417_05.jpg" alt="">
                    <img src="images/img/detail_nav0417_06.jpg" alt="">
                    <img src="images/img/detail_nav0417_07.jpg" alt="">
                </div>
                <!-- 行程详情 -->
                <div class="detailed datailed-content-detailed">
                    <div class="content-detailed">
                        <div class="detailed-day"> 第2天</div>
                        <div class="detailed-morning">
                            <p class="moring-trip">呀诺达--槟榔谷--亚龙湾 </p>
                            <p>07:30 早餐: 中西式自助早餐<span class="detailed-time">30分钟</span></p>
                            <p>08:00 呀诺达雨林文化旅游区<span class="detailed-time">2小时</span></p>
                            <div class="morning-img">
                                <span><img src="images/img/list_del228198_0417_04.jpg" alt=""></span>
                                <span><img src="images/img/list_del228198_0417_06.jpg" alt=""></span>
                                <span><img src="images/img/list_del228198_0417_10.jpg" alt=""></span>
                                <span><img src="images/img/list_del228198_0417_11.jpg" alt=""></span>
                            </div>
                        </div>
                        <div class="detailed-noon">
                            <p>11:30 午餐: 50元/餐/人<span class="detailed-time">1小时</span></p>
                            <p>13:00 槟榔谷 <span class="detailed-time">2小时</span></p>
                            <div class="morning-img">
                                <span><img src="images/img/list_del228198_0417_14.jpg" alt=""></span>
                                <span><img src="images/img/list_del228198_0417_15.jpg" alt=""></span>
                                <span><img src="images/img/list_del228198_0417_18.jpg" alt=""></span>
                                <span><img src="images/img/list_del228198_0417_19.jpg" alt=""></span>
                            </div>
                        </div>
                        <div class="detailed-evening">
                            <p> 16:00 亚龙湾 <span class="detailed-time">1小时</span></p>
                            <div class="morning-img">
                                <span><img src="images/img/list_del228198_0417_22.jpg" alt=""></span>
                                <span><img src="images/img/list_del228198_0417_23.jpg" alt=""></span>
                                <span><img src="images/img/list_del228198_0417_04.jpg" alt=""></span>
                                <span><img src="images/img/list_del228198_0417_06.jpg" alt=""></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 预订须知 -->
                <div class="detailed datailed-content-instructions">
                    <div class="content-instructions">
                        <div class="instructions-hints">
                            <p>
                                (本产品由北京致远国际旅行社有限公司提供产品销售、资源确认、合同签署、行程安排等全部环节的旅游服务。在您付款成功、并且商家给您最终确认后，商家与您的合同方能生效。在合同生效之前，用户与商家双方均有权更改或取消订单，且无须承担任何损失。)
                            </p>
                        </div>
                        <div class="instructions-cost-contains">
                            <h4>费用包含</h4>
                            <p>
                                <span> 1.往返机票、燃油附加费（以实际收费标准为准）、机场建设费。</span>
                                <span> 2. 行程所列酒店住宿费用。</span>
                                <span> 3.酒店押金需客人前台付，酒店房型默认为双标床，如需大床房，请提前告知，我司可根据酒店房态尽量安排，不保证哦！</span>
                                <span> 4.行程内所列餐食(具体请参考行程推荐，自理除外)。</span>
                                <span> 5.当地中文导游服务。</span>
                                <span> 6.8人以下司机兼导游。</span>
                                <span> 7.行程中所列景点首道大门票，蜈支洲、槟榔谷、亚龙湾。</span>
                                <span>
                                    8.儿童价特殊说明：2岁以上1.2米以下儿童只含半价正餐+车位，其他超高费用需自理。由于成人价格是按团队进行报价，如儿童按成人提交无任何费用可退，请知晓。</span>
                            </p>
                        </div>
                        <div class="instructions-self-cost">
                            <h4>自理费用</h4>
                            <p>
                                <span> 1.由于跟团推荐的自费项目门票，已经为旅行社折扣价格，所以客人自行购买自费项目的门票，需要补导游80元/人/项目的费用方可跟车参加。</span>
                                <span> 2.单人出行必须选择单房差，3成人及以上出行如不补单房差选择加床，全程入住福朋喜来登酒店需现补400元/人差价现补给导游方可安排加床。</span>
                                <span> 3.因交通延阻、罢工、天气、飞机、机器故障、航班取消或更改时间等不可抗力原因所导致的额外费用。</span>
                                <span> 4.酒店内洗衣、理发、电话、传真、收费电视、饮品、烟酒等个人消费。</span>
                                <span> 5. 以上“费用包含”中不包含的其它项目。</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer class="trave-d-footer">
        <a href="" class="d-footer-gefällt skeleton"></a>
        <a href="" class="d-footer-add skeleton"></a>
        <a href="" class="d-footer-service skeleton"></a>
        <a href="data.html" class="d-footer-reservation skeleton">开始预订</a>
    </footer>
    <script src="js/flexible.js"></script>
    <script src='js/jquery-1.12.4.min.js'></script>
    <script src="js/travelDatail.js"></script>
</body>

</html>